<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Bay cùng Vietnam Airlines: Hãng Hàng Không Quốc Gia Việt Nam</title>

        <jsp:include page="head.jsp"/>
    </head>
    <body>  
        <div class="row">
            <!-- TOP -->
            <div class="col-md-12">
                <jsp:include page="top.jsp"/>
            </div>
            <!-- NAVIGATION BAR -->
            <div class="col-md-12" style="margin-bottom: -10px">
                <jsp:include page="navbar.jsp"/>
            </div>
            <!-- NEWS -->
            <div class="col-md-12">
                <div class="col-md-12" style="margin-bottom: 10px">
                    <b>Tin mới:</b> Hương Hk Không Siđa <a href="#">Chi tiết >></a>
                </div>
            </div>
            <!-- TABS & SLIDE -->
            <div class="col-md-12" style="margin-bottom: 15px;">
                <!-- TABS -->
                <div class="col-md-12" style="padding: 0px">
                    <div class="col-md-6">
                        <ul class="nav nav-tabs">
                            <li class="active"><a data-toggle="tab" href="#sectionA">Mua vé trực tuyến</a></li>
                            <li><a data-toggle="tab" href="#sectionB">Làm thủ tục trực tuyến</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-6" >
                    <jsp:include page="navtabs.jsp"/>
                </div>
                
                <!-- SLIDE -->
                <div class="col-md-6" style="padding: 0px">
                    <div class="col-md-12">
                        <jsp:include page="slide.jsp"/>
                    </div>
                </div>
            </div>
            <!-- REGISTER, FAQ, SOCIAL || PROMOTION -->
            <div class="col-md-12">
                <!-- LEFT -->
                <div class="col-md-6" style="height: 20%">
                    <!-- REGISTER  -->
                    <div id="register" class="col-md-7" style="height: 160px">
                        <div  class="col-md-12">
                            <div class="col-md-6">
                                Số thẻ <br>
                                <input type="text" name="txtID" style="width: 100%"><br>
                                Mật khẩu <br>
                                <input type="password" name="pwPassID" style="width: 100%"> <br>
                                <br>
                                <input class="mybutton" type="submit" name="btnLogin" value="Login">
                            </div>
                            <div class="col-md-6">
                                <a href ="register.jsp"><b>Đăng ký thành viên</b></a><br>
                                <a href ="#">GLP mang lại cho bạn những lợi ích gì?</a>
                            </div>
                        </div>
                    </div>
                    <!-- FAQs -->
                    <div class="col-md-5" style="padding: 0px 0px 0px 0px">
                        <div id='FAQ' class="col-md-12" style="height: 160px">
                            <div class="col-md-12" style="background-color: #d09a2d; padding: 0px 10px">
                                <span style="background-color: d09a2d; color: white"><b>HỎI VÀ ĐÁP</b></span><br>
                            </div>
                            <div class="col-md-12" style="padding: 10px">
                                <a href="hoidap_muavett.jsp">Mua vé trực tuyến</a><br>
                                <a href="hoidap_lamthutuctaisanbay.jsp">Làm thủ tục tại sân bay</a><br>
                                <a href="hoidap_lamthutuctt.jsp">Làm thủ tục trực tuyến</a><br>
                                <a href="hoidap_ctbongsenvang.jsp">Chương trình Bông Sen Vàng</a><br>
                            </div>
                        </div>
                    </div>
                    <!-- SOCIAL -->
                    <div id="social" class="col-md-12" style="margin-top: 10px; padding: 5px">
                        <div class="col-md-3" style="padding: 0px">
                            <img style="" src="Sources/icon_facebook.png">
                            <a href="https://www.facebook.com/VietnamAirlinesCorp">Facebook</a>
                        </div>
                        <div class="col-md-3" style="padding: 0px">
                            <img style="" src="Sources/icon_youtube.png">
                            <a href="http://www.youtube.com/user/vietnamairlinescorp">Youtube</a>
                        </div>
                        <div class="col-md-3" style="padding: 0px">
                            <div class="col-md-4" style="padding: 0px">
                                <img style="" src="Sources/icon_baocao.png">
                            </div>
                            <div class="col-md-8" style="padding: 6px 0px 0px 4px">
                                <a href="#">Thông cáo<br>báo chí</a>
                            </div>
                        </div>
                        <div class="col-md-3" style="padding: 0px">
                            <div class="col-md-4" style="padding: 0px">
                                <img style="" src="Sources/icon_email.png">
                            </div>
                            <div class="col-md-8" style="padding: 6px 0px 0px 4px">
                                <a href="#">Đăng kí thư<br> khuyến mại</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- RIGHT -->
                <div class="col-md-6">
                    <!-- PROMOTIONS -->
                    <div class="col-md-12" style="background-color: #cccccc; padding: 0px">
                        <div class="promotion col-md-4">
                            Buôn ma thuột
                        </div>
                        <div class="promotion col-md-4">
                            Buôn ma thuột
                        </div>
                        <div class="promotion col-md-4">
                            Buôn ma thuột
                        </div>
                        <div class="promotion col-md-4">
                            Buôn ma thuột
                        </div>
                        <div class="promotion col-md-4">
                            Buôn ma thuột
                        </div>
                        <div class="promotion col-md-4">
                            Buôn ma thuột
                        </div>
                    </div>
                    <!-- NOTES -->
                    <div id="note" class="col-md-12">
                        * Giá chưa bao gồm thuế và phí
                    </div>
                </div>
            </div>
            <!-- BOTTOM -->
            <div class="col-md-12">
                <div class="col-md-12">
                    <hr>
                    <jsp:include page="bottom.jsp"/>
                </div>
            </div>
        </div>        
    </body>
</html>
